<!DOCTYPE html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>投资网 | 产品列表</title>
  <meta name="keywords" content="投资,投资商城,在线投资网" />
  <meta name="description" content="在线投资网用全新区块链技术，倾心打造。" />
  <link href="./../../layui/css/layui.css" rel="stylesheet" />
  <link href="./../../css/mall.css" rel="stylesheet" />
</head>

<body class="">
  <div class="layui-layout layui-layout-admin">
    <div class="layui-header header_color">
      <div class="content header">
        <a href="javascript:" title="一个不一样的投资网">
          <div class="logo">
            <img src="/images/face.jpg" class="logoimg" />
            <span>在线投资网</span>
          </div>
        </a>
        <ul class="layui-nav layui-layout-left daohang">
          <li class="layui-nav-item"><a href="/index.html">首页</a></li>
          <li class="layui-nav-item"><a href="/page/list/list.html">所有产品<span class="layui-badge-dot"></span></a></li>
        </ul>
        <ul class="layui-nav layui-layout-right">
          <li class="layui-nav-item">
            <a href="/page/reg/sign.html">
                <i class="layui-icon">&#xe68e;</i>    登录
              </a>
          </li>
        </ul>
      </div>
    </div>
    <div class="content clear">
      <div class="keymap clear">
        <div class="sort-top">
          <div class="keysbox">
            <div class="keys clear types" data-types="0">
              <span>商品分类：</span>
              <a title="全部" data-type="0">全部</a>
              <a title="热门推荐" data-type="1">热门推荐</a>
              <a title="精选产品" data-type="3">精选产品</a>
            </div>
          </div>
          <div class="keysbox">
            <div class="keys clear prices" data-prices="0">
              <span>产品价格：</span>
              <a title="全部" data-price="0">全部</a>
              <a data-price="1">1000-5000</a>
              <a data-price="2">5000-25000</a>
              <a data-price="3">25000-50000</a>
              <a data-price="4">50000以上</a>
            </div>
          </div>
          <div class="filterbox clear">
            <div class="filterRight fl clear sorts" data-sorts="3">
              <a class="c-order" data-sort="0">默认</a>
              <label></label>
              <a class="c-order" data-sort="1">上线时间</a>
            </div>
          </div>
        </div>
      </div>
      <div class="content" style="min-height: 300px;">
        <a href="/home/show/6.html" class="list-item">
          <div class="imgLeft">
            <span>
              <img src="/images/good_default.jpg" style="width: 100%;height:100%">
            </span>
          </div>
          <div class="dataRight">
            <div class="title clear">
              <h3 class="ellipsis">长江养老半年享</h3>
              <span class="app-try">虚拟</span>
            </div>
            <div class="score-show2">
              <span class="gold">4.9380%</span>
            </div>
            <p class="introduce">1000元起购，中低风险</p>
          </div>
          <div class="list-bottom clear">
            <label>180天</label>
            <label>七日年化</label>
            <p class="view-count">
              <label></label> 638
            </p>
          </div>
        </a>
      </div>
    </div>
    <div class="footer">
      <div class="content">
        <div class="flist">
          <p>Copyright © 2018 <a href="/">喜欢狗的猫</a> 版权所有</p>
        </div>
      </div>
    </div>
  </div>
  <script src="/layui/layui.all.js"></script>
  <script>
  layui.use(['layer', 'form', 'element'], function() {
    var $ = layui.jquery,
      layer = layui.layer,
      element = layui.element;

    var query = {
      type: 0,
      price: 0,
      sort: 0
    }
    ! function() {
      type = $(".types").attr("data-types");
      $(".types").find("[data-type=" + type + "]").addClass("active");
      price = $(".prices").attr("data-prices");
      $(".prices").find("[data-price=" + price + "]").addClass("active");
      sort = $(".sorts").attr("data-sorts");
      $(".sorts").find("[data-sort=" + sort + "]").addClass("active");
    }();

    $(".types a").click(function() {
      type = $(this).attr("data-type");
      seach();
    });
    $(".prices a").click(function() {
      price = $(this).attr("data-price");
      seach();
    });
    $(".sorts a").click(function() {
      sort = $(this).attr("data-sort");
      seach();
    });
})    
</script>
</body>
